import React, { Component } from 'react';
import { Carousel, Image } from 'antd';
import './Carousel.less';

export default class carousel extends Component {
  render() {
    return (
      <div>
        <Carousel autoplay  style={{marginBottom:30}}>
          {
            this.props.banners.map((val, ind) => {
              return <div className="carousel" key={val.targetId}>
                <Image
                  width="100%"
                  height="100%"
                  src={val.imageUrl}
                />
              </div>
            })
          }

        </Carousel>
      </div>
    )
  }
}
